<template>
    <div class="lastPage">
        <h3 class="title">对方将录入您的相关信息，并提交<br />交警远程定责</h3>
        <p class="f016">交警提示您，请您予以协助</p>
        <div class="codePicWrap">
            <img :src="imgUrl" alt="">
        </div>
        <p style="margin-top:.1rem">可保存二维码，或关注“交警”微信公众号，<br />通过手机号查看案件记录</p>
        <div class="btn">
            <mu-button color="#6794F5" style="font-size: .18rem; height:.48rem;" @click="close" full-width>关闭</mu-button>
        </div>
    </div>
</template>
<script>
    import home_test from '../../assets/img/home_test.png';    
    import home from '../../assets/img/home.png';
    export default {
        name: "lastPage",
        data() {
            return {
                imgUrl: ''
            }
        },
        methods: {
            close() {
                this.$router.push("/home");
            }
        },
        created() {

        },
        mounted() {            
            document.title = '事故报案';
            let flag = window.location.href.indexOf('test');
            if(flag>0) {
                this.imgUrl = home_test;
            } else {
                this.imgUrl = home;
            }
        },
        computed: {
            
        },
        watch: {

        }
    }
</script>
<style lang="scss" scoped>
    @import "~assets/css/mixin.scss";
    .lastPage {
        width: 100vw !important;
        height: 100vh !important;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        background-color: rgb(245, 246, 248);
    }
    .title {
        font-size: 0.2rem;
        line-height: 0.28rem;
        color: #555;
        margin: 0.56rem 0 0 0;
    }
    .f016 {
        font-size: 0.16rem;
        line-height: 0.22rem;
        color: #8D9093;
        margin: 0.11rem 0 0 0;
    }
    .codePicWrap {
        width: 1.4rem;
        height: 1.4rem;
        background-color: #fff;   
        box-sizing: border-box;
        padding: 0.05rem;  
        margin: 2.2rem auto 0;   
    }
    .codePicWrap img {
        width: 100%;
        height: 100%;
        border: 1px solid #8D9093;
        padding: 0.03rem;
        box-sizing: border-box;
    }
    .f012 {
        font-size: 0.12rem;
        line-height: 0.17rem;
        color: #8D9093;
        margin: 0.1rem 0 0 0;
    }
    .btn {
        width: 3.45rem;
        margin: 0.22rem auto 0;
    }
</style>

